Developing Templates for Mobile Devices

Templates for mobile devices differ from what you create for desktop browsing in several ways.

Screen "real estate" is smaller

Capabilities like Flash might not be supported

Support for javascript might vary

Menu's functions may differ

In addition to basic design issues, some content considerations are needed as well.

Enable visitors to achieve tasks with as few clicks as possible

Use a vertical mobile navigation at the bottom of each page

Provide a "Click to Call" button

A simple strategy for creating a new mobile template could follow these steps.

1. Copy an existing template.

2. Rename it to reflect the mobile configuration - for example, iPhoneDefault.aspx

3. Change styles of columns and remove unwanted navigation, images, headers, footers, etc.

4. Add components that mobile users find useful.

5. Save it and use it in the device configurations discussed next.